#include("templates/layout.html")
#@layout()

#define seo_title()
#seoTitle(COLUMN.seoTitle??, "案例") - #seo("seo_title")
#end

#define seo_keywords()
#seoMetaKeywords(COLUMN.seoMetaKeywords??)
#end

#define seo_description()
#seoMetaDescription(COLUMN.seoMetaDescription??)
#end

#define import_head_cssjs()
<link rel="stylesheet" href="./css/case.css">
#end

#define body_class()auto-foot-ct#end

#define body()
	<div class="auto-contanter" data-head-fiexd="true">
		<!-- 导航 -->
		<div class="bg-white">
			<nav id="caseNav">
				<div class="swiper-wrapper">
					<a href="#(ctx)/category/cases.html" class="swiper-slide #if(!id)active#end">全部案例</a>
		#casesCategoryList()
			#for(casesCategory : casesCategoryList)
					<a href="#(ctx)/category/cases-#(casesCategory.id).html" class="swiper-slide#if(id == casesCategory.id) active#end">#(casesCategory.name)</a>
			#end
		#end
				</div>
			</nav>
		</div>
		#casesPage(categoryId=id,pageSize=6)
		<div class="container-fluid case-list bg-white">
			#if(casesPage.list.size() == 0)
			<!-- 无搜索内容 -->
			<div class="tc no-data f14">暂无该分类内容</div>
			#else
			<div class="row">
				#for(cases : casesPage.list)
				<a href="#if(cases.url)#(cases.url)#else#(ctx)/detail/cases-#(cases.id).html#end" target="_blank" class="case-item col-xs-12 col-sm-6">
				    <div class="ratio-container">
					    <img class="case-img" src="#if(isMobile && cases.imgH5)#(cases.imgH5)#else#(cases.img)#end" alt="">
					</div>
					<div class="hover-actve-bg"></div>
					<div class="hover-actve">
						<div class="description">#(cases.title)</div>
						<div class="description-info">#(cases.subtitle)</div>
					</div>
				</a>
				#end
			</div>
				#if(casesPage.pageNumber < casesPage.totalPage)
			<div class="text-info f18 case-more tc"><a href="#(ctx)/category/cases#if(id)-#(id)#end.html?pageNumber=#(casesPage.pageNumber + 1)">更多案例</a></div>
				#else
			<div class="text-info f18 case-more tc">没有更多案例</div>
				#end
			#end
		</div>
		#end
	</div>
#end

#define import_foot_js()
<script src="./js/case.min.js"></script>
#end
